<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>驱动电源品牌</title>
    <link rel="stylesheet" href="./index.css" />
  </head>
  <body>
    <div class="banner">
      <div class="content">
        <p>全 球 化 + 垂 直 一 体 化 布 局</p>
        <h3>打造驱动电源卓越品牌</h3>
        <div class="btn">
          <button>评估方案可行性</button>
          <button>获取即时报价方案</button>
        </div>
      </div>
    </div>

    <!-- 产品展示部分 -->
    <div class="products">
      <h2>强大产品阵容齐亮相</h2>
      <p class="subtitle">"量身"打造应用解决方案</p>

      <div class="products-container">
        <div class="features-column">
          <div class="feature-item">
            <div class="feature-icon">
              <!-- <img src="path/to/temperature-icon.png" alt="温度图标" /> -->
            </div>
            <div class="feature-content">
              <h3>稳定控温</h3>
              <p>智能型LED冷却一体化温控系统，实现自动调温功能</p>
            </div>
          </div>

          <div class="feature-item">
            <div class="feature-icon">
              <!-- <img src="path/to/efficiency-icon.png" alt="效率图标" /> -->
            </div>
            <div class="feature-content">
              <h3>低耗高效</h3>
              <p>智能解决方案和先进技术，能耗节约提升40%-90%</p>
            </div>
          </div>

          <div class="feature-item">
            <div class="feature-icon">
              <!-- <img src="path/to/lifespan-icon.png" alt="寿命图标" /> -->
            </div>
            <div class="feature-content">
              <h3>长寿命</h3>
              <p>安全高效、可靠防爆，五万小时使用寿命</p>
            </div>
          </div>

          <div class="learn-more-btn">
            <div class="arrow-icon">→</div>
            <span>了解更多</span>
          </div>
        </div>

        <div class="products-display">
          <div class="product-row">
            <div class="product-card">
              <div class="product-img">
                <img src="path/to/nh-e-series.jpg" alt="NH-E系列产品" />
              </div>
              <div class="product-name">NH-E系列（非隔离）</div>
            </div>

            <div class="product-card">
              <div class="product-img">
                <img src="path/to/run-series.jpg" alt="RUN系列产品" />
              </div>
              <div class="product-name">RUN系列（非隔离）</div>
            </div>
          </div>

          <div class="product-row">
            <div class="product-card">
              <div class="product-img">
                <img src="path/to/product3.jpg" alt="电源产品3" />
              </div>
            </div>

            <div class="product-card">
              <div class="product-img">
                <img src="path/to/product4.jpg" alt="电源产品4" />
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- 应用场景部分 -->
    <div class="applications">
      <div class="app-container">
        <h2>多场景应用</h2>
        <p>为全球客户提供高效节能、稳定可靠的LED驱动电源产品及技术解决方案</p>

        <div class="app-content">
          <!-- 左侧内容区域 -->
          <div class="app-detail-content">
            <div class="learn-more-btn">
              <div class="arrow-icon">→</div>
              <span>了解更多</span>
            </div>
            <h3>户外照明</h3>
            <p>
              技术革新+设计创新，坚持市场需求导向，坚持专精特新，大大降低照明成本
            </p>
          </div>

          <!-- 底部选项卡 -->
          <div class="app-tabs">
            <div class="app-tab active">户外照明</div>
            <div class="app-tab">工业照明</div>
            <div class="app-tab orange">植物照明</div>
            <div class="app-tab">体育照明</div>
            <div class="app-tab">景观照明</div>
          </div>
        </div>
      </div>
    </div>

    <!-- 公司信息部分 -->
    <div class="about">
      <div class="about-info">
        <h2>关于我们</h2>
        <p>
          深圳市联盛电子股份有限公司成立于2011，2021年上市（股票代码：301002）
          是一家集中、大功率LED驱动电源的研发、生产、销售与服务为一体的国家高新技术企业
          至目前已拥有23条生产线，销售产品型号超过500个
          70000m²中山智能制造基地，年产能达2500万台大功率LED电源
          致力于为全球客户提供高效节能、稳定可靠的LED驱动电源产品及技术解决方案
        </p>
        <div class="learn-more-btn">
          <div class="arrow-icon">→</div>
          <span>了解更多</span>
        </div>
      </div>
      <div class="about-stats">
        <div class="stat-box">
          <div class="stat-num">2011<span class="year">年</span></div>
          <div class="stat-label">正式成立</div>
        </div>
        <div class="stat-box">
          <div class="stat-num">200+</div>
          <div class="stat-label">研发团队</div>
        </div>
        <div class="stat-box">
          <div class="stat-num">70000<span class="unit">m²</span></div>
          <div class="stat-label">智能制造生产基地</div>
        </div>
        <div class="stat-box">
          <div class="stat-num">1200<span class="unit">名</span></div>
          <div class="stat-label">企业员工</div>
        </div>
      </div>
    </div>

    <!-- 优势部分 -->
    <div class="advantages">
      <h2>是什么让我们与众不同?</h2>
      <div class="advantage-content">
        <div class="advantage-img">
          <!-- <img
            src="https://via.placeholder.com/500x400?text=工程师画面"
            alt="技术团队"
          /> -->
        </div>
        <div class="advantage-list">
          <div class="advantage-item">
            <!-- <div class="icon-container">
              <img
                src="path/to/diversity-icon.png"
                alt="多样化图标"
                class="advantage-icon"
              />
            </div> -->
            <div class="advantage-text">
              <h3>产品多样化</h3>
              <p>
                为了适应照明应用场景的多样化
                <br />范围涵盖TPA、VP、CNL-E以及GA-E、NH-E、RUN（非隔离）等
                <br />系列功率更大、效率更高、性能更稳、应用更全、持续提升各项性能
              </p>
            </div>
          </div>

          <div class="advantage-item">
            <!-- <div class="icon-container">
              <img
                src="path/to/customize-icon.png"
                alt="定制化图标"
                class="advantage-icon"
              />
            </div> -->
            <div class="advantage-text">
              <h3>客户定制化</h3>
              <p>
                起点只为每千人不同的智能照明解决方案
                <br />范围通过定制规化生产+场景化的模式，打造差异化订光照明工程
                <br />提供出海战略，服务全球
              </p>
            </div>
          </div>

          <div class="advantage-item">
            <!-- <div class="icon-container">
              <img
                src="path/to/multi-application-icon.png"
                alt="多元化图标"
                class="advantage-icon"
              />
            </div> -->
            <div class="advantage-text">
              <h3>应用多元化</h3>
              <p>
                我们的产品覆盖户外、工业、植物、体育、景观美化等多个照明领域
                <br />提供专业、全方位、多元化的两明产品解决方案
                <br />为您创创"蓝图"，让照明成为空间增值的"催化剂"
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- 新闻部分 -->
    <div class="news">
      <h2>资讯最新速递</h2>
      <div class="news-grid">
        <div class="news-card">
          <div class="news-img news-img-1"></div>
          <div class="news-content">
            <div class="news-title">
              新品资讯 | 松盛1000NP-M非隔离宽压输入大功率电源发布
            </div>
            <div class="news-desc">
              新品资讯 | 松盛1000NP-M非隔离 宽压输入大功率电源发布。
            </div>
            <div class="news-date">2024-03-16</div>
          </div>
        </div>

        <div class="news-card">
          <div class="news-img news-img-2"></div>
          <div class="news-content">
            <div class="news-title">展会预告 | 松盛电源邀您参加扬州照明展</div>
            <div class="news-desc">
              2024第十二届扬州户外照明展览会将在扬州国际展览中心举行，松盛电源展位号：3号馆
              CT21...
            </div>
            <div class="news-date">2024-03-10</div>
          </div>
        </div>

        <div class="news-card">
          <div class="news-img news-img-3"></div>
          <div class="news-content">
            <div class="news-title">
              展会回顾 | Light+Building圆满收官，未来精彩继续
            </div>
            <div class="news-desc">
              全球照明盛会——2024法兰克福照明与建筑技术展（Light+Building
              2024）圆满收官，来自世界各地的优...
            </div>
            <div class="news-date">2024-03-05</div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
